<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../../layui/css/layui.css">

    <style>
        .layui-table tr {
            height: 50px;
        }


        body {
            padding: 10px;
        }

        .content {
            background-color: #fff;
            padding: 10px;
        }

        .sousuo {
            display: inline-block;
            width: 200px;
        }

        .btn {
            margin-right: 10px;
        }

        .layui-icon {
            vertical-align: middle;
            font-size: 20px;
            margin-left: 5px;
        }

        .layui-btn {
            height: 30px;
            line-height: 30px;
        }

        .layui-form-switch {
            border: 1px solid #ec4141;
            background-color: #ec4141;
        }

        .layui-form-switch i {
            background-color: #fff;
        }

        .layui-form-onswitch {
            border-color: #5FB878;
            background-color: #5FB878;
        }

        .layui-form-switch em {
            color: #fff !important;
        }

        .input {
            width: 107px;
            border: 0px;
            background-color: transparent;
        }

        .layui-form-label,
        .layui-form-mid,
        .layui-form-select,
        .layui-input-block,
        .layui-input-inline,
        .layui-textarea {
            width: 200px;
            display: inline-block;
        }

        form {
            display: contents;
        }

        .layui-form-label {
            width: 80px;
        }
    </style>
</head>

<body>
    <!-- 上传文件弹窗 -->
    <div id="file_upload_div" style="display: none" class="text-center">
        <div class="layui-upload-drag" id="test10" style="margin-left: 28%;margin-bottom: 30px;margin-top: 25px;">
            <i class="layui-icon"></i>
            <p>点击上传，或将文件拖拽到此处</p>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">文件名:</label>
            <div class="layui-input-block" style="width: 400px;">
                <input type="text" name="title" id="file_name" required lay-verify="required" autocomplete="off"
                    class="layui-input" width="80%">
            </div>
        </div>
        <div class="layui-progress layui-progress-big" lay-filter="demo" style="width: 80%;margin: auto;"
            lay-showPercent="yes">
            <div class="layui-progress-bar layui-bg-red" lay-percent="0%"></div>
        </div>
        <div class=" mt-2 mb-2" style="text-align: center97 ;"></div>
        <div class="row w-100"></div>
        <button type="button" class="layui-btn mt-2" id="upload"
            style="margin-left: 250px;margin-top: 20px;">开始上传</button>
    </div>
    <!-- 上传文件弹窗结束 -->

    <!-- 主体部分 -->
    <div class="content">
        <form class="layui-form">
            <blockquote class="layui-elem-quote quoteBox">
                <form class="layui-form" lay-filter="search">
                    <!-- 搜索框 -->
                    <div class="layui-inline  sousuo1">
                        <div class="layui-input-inline">
                            <input type="text" name="keyWord" id="sousuo" class="layui-input chaxun"
                                placeholder="请输入要查找的文件名" />
                        </div>
                        <!-- 搜索按钮 -->
                        <button class="layui-btn searchId_btn" type="button" data-type="reload" id="chaxun"><i
                                class="layui-icon layui-icon-search"></i>搜索</button>
                    </div>

                    <!-- 上传文件按钮 -->
                    <div class="layui-inline">
                        <button type="button" data-method="offset" data-type="auto" class="layui-btn "
                            id="shangchuan"><i class="layui-icon layui-icon-upload-circle"></i>上传文件</button>
                    </div>
                    <!-- 删除按钮 -->
                    <div class="layui-inline">
                        <a class="layui-btn layui-btn-danger layui-btn-normal" id="delete_Btn"><i
                                class="layui-icon layui-icon-delete"></i>批量删除</a>
                    </div>
                </form>
            </blockquote>
            <table id="demo" lay-filter="demo"></table>
            <!--操作-->
            <script type="text/html" id="newsListBar">
				<a class="layui-btn layui-btn-xs" lay-event="xiazai" style="width:45px">下载</a>
            <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del" style="width:45px">删除</a>
            </script>
        </form>
        <script type="text/javascript" src="../../layui/layui.js"></script>
        <script type="text/javascript" src="wenjianguanli.js"></script>


</body>


</form>